<script setup>
import { IconMenuFold, IconMenuUnfold } from '@arco-design/web-vue/es/icon';

defineProps({
  isVertical: Boolean
});

const emit = defineEmits(['toggle']);

const handleToggle = () => {
  emit('toggle');
};
</script>

<template>
  <a-button
      @click="handleToggle"
      type="text"
      class="mr-4"
  >
    <component :is="isVertical ? IconMenuUnfold : IconMenuFold" />
  </a-button>
</template>